.System{
  width: 80%;
  height: 100%;
  display: flex;
  margin: 0 auto;
  padding: 20px 0;
  flex-direction: column;
  >.logo_upload{
    width: 100%;
    >h3{
      font-size: 20px;
      font-weight: bolder;
    }
    >ul{
      width: 100%;
      display: flex;
      flex-direction: column;
      >li{
        width: 100%;
        display: flex;
        align-items: center;
        margin: 10px 0;
        >.left{
          width: 20%;
        }
        >.right{
          width: 40%;
          display: flex;
          flex-direction: column;
          align-items: center;
          position: relative;
          overflow: hidden;
          >img{
            width: 150px;
          }
          >input{
            position: absolute;
            top: -30%;
          }
          >button{
            margin: 15px 0;
          }
          >span{
            font-size: 12px;
            font-weight: border;
            color: rgb(180, 173, 173);
          }
        }
      }
      >li:nth-of-type(2)>.right{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        >span:nth-of-type(1){
          font-size: 20px;
          font-weight: bolder;
          color: #000;
        }
        >span:nth-of-type(2){
          font-size: 14px;
          color: rgb(72, 140, 218);
          margin: 0 20px;
        }
      }
    }
  }
  >.info{
    width: 100%;
    >h3{
      font-size: 20px;
      font-weight: bolder;
    }
    >ul{
      width: 100%;
      display: flex;
      flex-direction: column;
      >li{
        width: 100%;
        display: flex;
        align-items: center;
        margin: 10px 0;
        >.left{
          width: 31%;
        }
        >.right{
          width: 40%;
          display: flex;
          align-items: center;
          >span:nth-of-type(2){
            font-size: 14px;
            color: rgb(72, 140, 218);
            margin: 0 20px;
          }
        }
      }
    }
  }
}